<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // vue 全家桶 ：vue + vue-router + vuex
        // vuex:状态管理 ，组件通信一种方式 
        // https://vuex.vuejs.org/zh/#%E4%BB%80%E4%B9%88%E6%98%AF%E2%80%9C%E7%8A%B6%E6%80%81%E7%AE%A1%E7%90%86%E6%A8%A1%E5%BC%8F%E2%80%9D%EF%BC%9F
        // 通信方式 
        /* 
            vue组件的通信方式??
            1.props  :props
            2.$emit   @自定义事件=“事件函数”
            3.$bus 总线模式  观察者模式
            4.parent children  结合 ref 使用
            5.离线存储
            6.provide 和 inject 跨层级 
            7.$attrs 和 $listeners;
            8.vuex
        */

        // vuex 使用 ： 1.下载安装 vuex  npm i vuex@3
        // 2.引入vuex import Vuex from 'vuex';  Vue.use(Vuex);
        // 3.创建 store仓库

    </script>
</body>
</html>